<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我在清华等你</title>

    <style>
        div{
            color: blue;
            text-align: center;
        }
    </style>
</head>
<body>
<div id="font" align="center"></div>
</body>
</html>

<script>
    //7. 结合定时器和字符串截取实现打字机效果
    number=2;
    function f() {
        number++;
        var s="再过一天高考你就会发现,考场周围几公里的工地停工了,市区汽车不再鸣笛,出租车和公交车对考生免费,考场门口的矿泉水也免费领,全世界都在为你努力,所以请你一定不要放弃,加油!";
        var res = s.substr(0,number);
        if (res.length>=s.length){
            clearInterval(interval)
        }
        document.getElementById("font").innerHTML="<h1>"+res+"</h1>";
    }
     var interval = setInterval(f,100);
</script>